<template>
  <div>
     <el-card class="box-card">
    <div slot="header" class="clearfix bg">
      <span>体检人信息</span>
      <el-button type="primary" @click="back">返回</el-button>
    </div>
    <!-- 下面展示 -->
    <div class="bttom">
        <el-form ref="form" :model="obj" label-width="80px" size="mini" disabled>
          <el-form-item label="患者信息">
            <el-input v-model="obj.name"></el-input>
          </el-form-item>
          <el-form-item label="性别">
            <el-input v-model="obj.sex"></el-input>
          </el-form-item>
         <el-form-item label="年龄">
            <el-input v-model="obj.age"></el-input>
          </el-form-item><el-form-item label="证件号码">
            <el-input v-model="obj.idNUm"></el-input>
          </el-form-item>
          <el-form-item label="套餐名称">
            <el-input v-model="obj.package1"></el-input>
          </el-form-item>
          <el-form-item label="报告时间">
            <el-input v-model="obj.dateaphy"></el-input>
          </el-form-item>

        </el-form>
        
    </div>
  </el-card>

  <el-card >
    <div slot="header">报告详情</div>
    <div class="body">
      <div>
      <h3><span style="color:red">体检名称：</span>  常规检查</h3>
      <el-table
        ref="filterTable"
        stripe
        :data="bodyObj"
        style="width: 100%">
        <el-table-column
          label="项目名称"
          prop="name"
          width="180">
        </el-table-column>
        <el-table-column
          label="检查结果"
          prop="end"
          width="180">
        </el-table-column>
        <el-table-column
          prop="refer"
          label="参考值">
        </el-table-column>
      </el-table>
    </div>
    <div class="blood">
     <h3><span style="color:red">体检名称：</span>  血常规三项</h3>
      <el-table
        ref="filterTable1"
        :data="blood"
        stripe
        style="width: 100%">
        <el-table-column
          label="项目名称"
          prop="name"
          width="180">
        </el-table-column>
        <el-table-column
          label="检查结果"
          prop="end"
          width="180">
        </el-table-column>
        <el-table-column
          prop="refer"
          label="参考值">
        </el-table-column>
      </el-table>
    </div>
    </div>
    
  </el-card>
  </div>
</template>

<script>
export default {
  props:['obj','bodyObj','blood'],
  methods: {
    back(){
      this.$emit('backHome')
    }
  },
}
</script>
<style lang="less" scoped>
/deep/.el-card__header{
  background: #f2f2f2;
  .bg{
    color: #006eff;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
  }
}
.box-card{
  margin-bottom: 30px;
}
.bttom{
  display: flex;
 .el-form{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
  .el-form-item{
    width: 28%;
  }
   /deep/.el-form-item__label{
    color: #aaaaaa;
    font-size: 16px;
    text-align: left;
  }
  /deep/.el-input__inner{
      font-size: 16px;
      border: none;
      background: none;
      color: #000;
    }
 }
}
.body{
  display: flex;
  div{
    width: 40%;
  }
  .blood{
    margin-left: 140px;
  }
}
</style>